$(document).ready(function () {

	$("#pagination").pagination({
		/*当前页码*/
		currentPage: 1,
		/*总共有多少页*/
		totalPage: 10,
		/*是否显示首页、尾页 true：显示 false：不显示*/
		isShow: true,
		/*分页条显示可见页码数量*/
		count: 5,
		/*第一页显示文字*/
		homePageText: '首页',
		/*最后一页显示文字*/
		endPageText: '尾页',
		/*上一页显示文字*/
		prevPageText: '<',
		/* 下一页显示文字*/
		nextPageText: '>',
		/*点击翻页绑定事件*/
		callback: function (page) {
			console.log(page);
		}
	});
	const prov = $('.select-all #prov');
	const city = $('.select-all #city');
	const country = $('.select-all #country');
	let current = {
		prov: '',
		city: '',
		country: ''
	}
	$.ajax({
		url: 'http://tmtx.test.dgyunju.cn/api/area',
		type: 'get',
		data: { lang: 'zh-cn' },
		dataType: 'json',
		success: function (res) {
			console.log(1);
			const list = res.data
			list.forEach((i, v) => {
				let provOpt = document.createElement('option');
				provOpt.innerText = i.name;
				provOpt.value = i.name
				prov.append(provOpt);
			})
			prov.on("change", function () {
				$('.select-all #city option').remove()
				let textA = prov.val()
				list.forEach(i => {
					if (i.name === textA) {
						i.children.forEach(i2 => {
							let provOpt = document.createElement('option');
							provOpt.innerText = i2.name;
							provOpt.value = i2.name
							city.append(provOpt)
						})
					}
				})
			});
		},
	})

	// 点击活动卡片
	$('.activity-col').click(function () {

		$('#joinModal').show();
	});

	// 关闭弹窗
	$('#joinModal').click(function (e) {
		if ($(e.target).closest('.modal-container').length === 0) {
			$(this).hide();
		}
	});

	// 弹窗确认按钮
	$('#confirmBtn').click(function () {
		$('#eventModal').fadeOut();
		$('html, body').animate({
			scrollTop: $('#eventForm').offset().top
		}, 500);
	});

	// 提交表单
	$('#formBtn').click(function () {
		Qmsg.success(`报名成功`);
	})
	$('#submitBtn').click(function () {
		const eventId = $('#eventSelect').val();
		const name = $('#name').val();
		const phone = $('#phone').val();

		if (!eventId) {
			alert('请选择活动');
			return;
		}

		if (!name || !phone) {
			alert('姓名和手机为必填项');
			return;
		}

		Qmsg.success(`报名成功`);
		$('#eventForm')[0].reset();
	});
})